<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>PetStore Management</title>
<!--    <link rel="Stylesheet" href="../css/jpetstore.css" type="text/css" media="screen"/>-->
    <script th:src="@{../js/jquery-3.5.1.min.js}"></script>
</head>
<style>
    *{
        padding: 0px;
        margin: 0px;
    }
    #Content {
        width: 100%;
        height: auto;
        color: #333;
        background-color: rgba(256,256,256,0.5);
        border-width: 0;
        position: relative;
        overflow: hidden;
    }
    table{
        display: block;
        /*position: absolute;*/
        /*top: 10ex;*/
        /*left: 10ex;*/
        margin-top: 10%;
        margin-left: 35%;
        width: 35ex;
        font-size: 3ex;
        background-color: #ffffff;
        border-color: #56832c;
        border-width: 1ex;
        border-style: solid;
        margin-bottom: 10ex;
    }
    table tr{
        height: 3ex;

    }
    table td{
        width: 10ex;
    }

    a{
        display: block;
        text-decoration: none;
        color: #eaac00;
        font-weight: bold;
    }
    h2{
        float: left;
        position: absolute;
        top: 5ex;
        left: 33.5ex;
        font-size: 5ex;
    }
    .Returnto{
        display: inline-block;
        float: left;
        position: absolute;
        top: 1ex;
        left: 2ex;
        height: 5ex;
        width: 50ex;
        background-image: url("../image/ReturntoManagementMainMenu.png");
        background-size: 100%;
        background-repeat: no-repeat;
        border-color: #eaac00;
        border-width: 0.4ex;
        border-style: solid;
    }

</style>
<body>
<div th:replace="manageCommon/managetop"></div>
<div id="Content">
    <a class="Returnto" href="/manage/main"></a>
    <div id="Catalog">
<!--        表单：userId 基本信息 安全信息-->
        <h2>User List</h2>
        <table>
            <tr>
                <th>User ID</th>
                <th>&nbsp;&nbsp;&nbsp;&nbsp;</th>
                <th>&nbsp;&nbsp;&nbsp;&nbsp;</th>
            </tr>
            <tr th:each="userId:${session.userIdList}">
                <td th:text="${userId}">
                    userId
                </td>
                <td>
                    <a th:href="'/manage/userBasicInfo?userId='+${userId}">基本信息</a>
                </td>
                <td>
                    <a th:href="@{'/manage/userSafeInfo?userId='+${userId}}">安全信息</a>
                </td>
            </tr>
        </table>
    </div>
</div>
<div th:replace="manageCommon/managebottom"></div>
</body>
</html>